<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>个人中心-24-15.1K</title>
  <!-- 需要引入的css -->
  <link rel="stylesheet" href="../lib/fontawesome/css/font-awesome.css">
  <link rel="stylesheet" href="../lib/mui/css/mui.css">
  <!-- 项目的公共的样式文件 scss  -->
  <link rel="stylesheet" href="../css/common.css">
  <!-- 自己页面的样式文件 scss -->
  <link rel="stylesheet" href="../css/me.css">

</head>

<body>
  <!-- 头部 -->
  <header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">个人中心</h1>
  </header>
  <!-- 内容 -->
  <div class="pyg_view">
    <!-- 个人信息 -->
    <div class="user_row">
      <div class="user_left">
        <span class="fa fa-user"></span>
      </div>
      <div class="user_right">
        <div class="phone_row"></div>
        <div class="email_row"></div>
      </div>
    </div>

    <!-- 订单管理 -->
    <div class="order_mana">
      <div class="om_title">订单管理</div>
      <div class="om_content">
        <a href="order.html?type=2">
          <span class="fa fa-address-card"></span>
          <div>待付款</div>
        </a>
        <a href="order.html?type=3">
          <span class="fa fa-address-card"></span>
          <div>待收货</div>
        </a>
        <a href="javascript:;">
          <span class="fa fa-address-card"></span>
          <div>退款/售后</div>
        </a>
        <a href="order.html?type=1">
          <span class="fa fa-address-card"></span>
          <div>全部订单</div>
        </a>
      </div>

    </div>

    <!-- 信息管理 先放一张图片 加工资 了在去做 -->
    <img src="../static/1.jpg" alt="">

    <!-- 退出登录 -->
    <button class="mui-btn mui-btn-danger logout_btn">退出登录</button>
  </div>
  <!-- 尾部 -->
  <footer class="pyg_footer">
    <a href="javascript:;">
      <span class="fa fa-home"></span>
      <div>首页</div>
    </a>
    <a href="pages/category.html">
      <span class="fa fa-list-ul"></span>
      <div>分类</div>
    </a>
    <a href="javascript:;">
      <span class="fa fa-cart-plus"></span>
      <div>购物车</div>
    </a>
    <a href="javascript:;">
      <span class="fa fa-user"></span>
      <div>我的</div>
    </a>
  </footer>

</body>


<!-- js -->
<script src="../lib/mui/js/mui.js"></script>
<!-- zepto 是我 自己定制过的！！！ 里面包含了一些常用的模块！！ 直接当做jq来使用！！！  -->
<script src="../lib/zepto/zepto.js"></script>

<!-- 公共 js -->
<script src="../js/common.js"></script>
<!-- 自己 js -->
<script src="../js/me.js"></script>

</html>